<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>WebView sample</title>
    <link href="index.css" rel="stylesheet">
</head>
<body>
	<div class="section"><h2>Resize webview #1</h2>
		<div class="blocks props">
	    	<div>
	    		<label>CSS width:</label>
	    		<label>attribute minwidth:</label>
	    		<label>attribute maxwidth:</label>
	    	</div>
	    	<div class="width">
	    		<div class="css_value"><input type="text" value="200"/>px<input value="200" min="50" max="300" type="range"/></div>
	    		<div class="min"><input type="text" value="0"/>px<input value="0" min="0" max="300" type="range"/></div>
	    		<div class="max"><input type="text" value="0"/>px<input value="0" min="0" max="300" type="range"/></div>
	    	</div>
	    	<div>
	    		<label>CSS height:</label>
	    		<label>attribute minheight:</label>
	    		<label>attribute maxheight:</label>
	    	</div>
	    	<div class="height">
	    		<div class="css_value"><input type="text" value="200"/>px<input value="200" min="50" max="300" type="range"/></div>
	    		<div class="min"><input type="text" value="0"/>px<input value="0" min="0" max="300" type="range"/></div>
	    		<div class="max"><input type="text" value="0"/>px<input value="0" min="0" max="300" type="range"/></div>
	    	</div>
		</div>

	</div>

	<div class="section"><h2>Messages and events to/from webview #1</h2>
		<textarea></textarea>
	</div>

	<div class="section"><h2>Webviews</h2>
		<div class="indicator"></div>

		<div class="blocks webviews">
	    	<div>
	    		<label>(autosize=true, non-persistent)</label>
			    <webview id="wv1" style="width:250px; height:200px;" autosize="true"
			    	src="https://googledrive.com/host/0B6-v_MWWvdqWSXpkMTZhQVBvMjg/page_hosted_in_external_server.html"></webview>
	    	</div>
	    	<div>
	    		<label>(persistent at partition2)</label>
			    <webview id="wv2" style="width:250px; height:200px;"
			    	src="https://googledrive.com/host/0B6-v_MWWvdqWSXpkMTZhQVBvMjg/page_hosted_in_external_server.html"
			    	partition="persist:partition2"></webview>
	    		<div class="note">try signing in at google.com, reload the app and webview 3 should be signed too,because they both share the same persistance partition</div>
	    	</div>
	    	<div>
	    		<label>(persistent at partition2)</label>
			    <webview id="wv3" style="width:250px; height:200px;"
			    	src="https://googledrive.com/host/0B6-v_MWWvdqWSXpkMTZhQVBvMjg/page_hosted_in_external_server.html"
			    	partition="persist:partition2"></webview>
	    	</div>

    <script src="index.js"></script>

</body>
</html>
